import React from 'react';
import classNames from 'classnames';
import { Link } from 'react-router';
import {
  Input
} from 'react-bootstrap';

class DialogSignNormalLong extends React.Component {

  constructor(){
    super();

    this.state = {
      chkProtocol : true
    };

  }
  handleCheckboxChange(){
    let { handleProtocolChange } = this.props;
    let currentStatus = !this.state.chkProtocol;
    this.setState({
      chkProtocol:currentStatus
    });

    handleProtocolChange(currentStatus);
  }

  render(){

      let { product } = this.props;

      return (
          <div>
            <p>
              我已知晓本产品为高风险产品，我确认我的风险承受能力为高风险，与产品的风险等级相匹配。并确定使用该产品，自愿承担使用该产品所带来的风险。
            </p>
            <p className="margin-top">
              <input type="checkbox" checked={this.state.chkProtocol} onChange={this.handleCheckboxChange.bind(this)}/>
              <small>
                我已经阅读并确认签署
                <Link to="/ProtocolLong" className="border-bottom">
                  《“华西证券股票专家”中线策略增值产品使用协议》
                </Link>
              </small>
            </p>
            <p className="margin-top">
              <small>注：即日起，该策略的所有买卖操作，我们将以微信推送的方式发送至您的手机，请注意查收，谢谢！</small>
            </p>
            <p className="margin-top">
              <small>该策略每笔卖出操作盈利<span className="text-danger">10%</span>及以上将作积分的扣除。</small>
            </p>
          </div>
      );
  }
}

export default DialogSignNormalLong;